@import "tailwindcss";

@utility button{
       @apply border-amber-600 border bg-amber-600 text-white text-[12px] hover:bg-amber-500 hover:border-amber-500 px-[10px] py-[4px] rounded-[2px] cursor-pointer;
    }

    
@source not inline("table");

input,select {
    @apply text-[#2b2b2b] rounded-[2px] w-[240px] border border-[#a7a7a7] px-[10px] py-[2px] h-[32px] text-ellipsis overflow-hidden whitespace-nowrap box-border outline-none hover:border-amber-500 focus:border-amber-500 focus:shadow-[0px_0px_0px_2px_#f9d0ad]
}
td,th{
    @apply  min-w-[120px] text-[14px] border border-[#bababa] px-[10px] py-[10px] h-[32px] text-ellipsis overflow-hidden whitespace-nowrap box-border
}

table tbody tr td .form-item{
   @apply !mb-0;
}

th{
    @apply bg-[#f9f9f9] text-[14px] text-left
}
tr:hover{
    @apply bg-[#f9f9f9]
}
